{% load extras %}
<!DOCTYPE html>
<html lang="zh_CN">
<head>
  <meta charset="UTF-8">
  <link rel="shortcut icon" href="{{ 'common/img/favicon.ico'|static_url }}">
  <title>MongoDB 学习DEMO</title>
  <script type="text/javascript" src="{{ 'plugin/jquery/jquery-3.1.1.js'|static_url }}"></script>
  <script type="text/javascript" src="{{ 'plugin/bootstrap/js/bootstrap.js'|static_url }}"></script>
  <script type="text/javascript" src="{{ 'plugin/bootstrap-table/bootstrap-table.js'|static_url }}"></script>
  <script type="text/javascript" src="{{ 'plugin/bootstrap-table/bootstrap-table.zh_CN.js'|static_url }}"></script>
  <link rel="stylesheet" type="text/css" href="{{ 'plugin/bootstrap/css/bootstrap.min.css'|static_url }}" >
  <link rel="stylesheet" type="text/css" href="{{ 'plugin/bootstrap-table/bootstrap-table.min.css'|static_url }}" >
  <style>
    .text-blue{color:#337AB7;}
  </style>
</head>
<body>
<!-- ./nav start -->
<nav class="navbar navbar-inverse" role="navigation">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">MongoDB 学习DEMO</a>
    </div>
    <div>
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">MongoDB 基础概念</a></li>
        <li><a href="#">MongoDB 基础了解</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            MongoDB 相关操作 <b class="caret"></b>
          </a>
          <ul class="dropdown-menu">
            <li><a href="#">列表</a></li>
            <li><a href="#">添加</a></li>
            <li><a href="#">查看</a></li>
            <li class="divider"></li>
            <li><a href="#">修改</a></li>
            <li class="divider"></li>
            <li><a href="#">删除</a></li>
          </ul>
        </li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            文件上传 <b class="caret"></b>
          </a>
          <ul class="dropdown-menu">
             <li><a href="/mngadmin/to_upload/">上传文件</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</nav><!-- ./ end nav -->
<!-- main-container start -->
<div class="iner-fluid main-container">
  <!--
  <div class="panel panel-default">
    <div class="panel-heading">
      <h5 class="panel-title text-left text-blue">MongoDB SSM库中的集合数据</h5>
    </div>
    <div class="panel-body">
      <div id="toolbar" class="btn-group">
        <button id="btn_edit" type="but" class="btn btn-default" >
          <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>添加
        </button>
        <button id="btn_edit" type="button" class="btn btn-default" >
          <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
        </button>
        <button id="btn_delete" type="button" class="btn btn-default">
          <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
        </button>
      </div>
      使用html option方式
      <table id="teacher_table" data-toggle="table" data-url="/mngadmin/get_all_mongo/" data-method="get"
             data-query-params="queryParams"
             data-toolbar="#toolbar"
             data-pagination="true"
             data-search="true"
             data-show-refresh="true"
             data-show-toggle="true"
             data-show-columns="true"
             data-page-size="1">
        <thead>
        <tr>
          <th data-field="name">名称</th>
          <th data-field="artnum">排序</th>
          <th data-field="date">创建时间</th>
        </tr>
        </thead>
      </table>
      -->
  <div class="panel-body" style="padding-bottom:0px;">
    <div class="panel panel-default">
      <div class="panel-heading">查询条件</div>
      <div class="panel-body">
        <form id="formSearch" class="form-horizontal">
          <div class="form-group" style="margin-top:15px">
            <label class="control-label col-sm-1" for="txt_search_name">名称</label>
            <div class="col-sm-3">
              <input type="text" class="form-control" id="txt_search_name">
            </div>
            <label class="control-label col-sm-1" for="txt_search_statu">状态</label>
            <div class="col-sm-3">
              <input type="text" class="form-control" id="txt_search_statu">
            </div>
            <div class="col-sm-4" style="text-align:left;">
              <button type="button" style="margin-left:50px" id="btn_query" class="btn btn-primary">查询</button>
            </div>
          </div>
        </form>
      </div>
    </div>
    <div id="toolbar" class="btn-group">
      <button id="btn_add" type="button" class="btn btn-default">
        <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
      </button>
      <button id="btn_edit" type="button" class="btn btn-default">
        <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
      </button>
      <button id="btn_delete" type="button" class="btn btn-default">
        <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
      </button>
    </div>
    <table id="category_table"></table>
  </div>
</div><!-- ./end main-container-->
<script type="text/javascript" src="{{ 'js/category_list.js'|static_url }}"></script>
</body>
</html>